<template>
    <view>
        <view>
            <view class="margin-top text-center text-xl text-bold text-gray ">ColorUI提供的案例</view>
            <color-demo></color-demo>
        </view>
         <view>
            <view class="margin-top text-center text-xl text-bold text-gray ">模仿案例，只是样式</view>
            <my-demo01></my-demo01>
         </view>
         <view>
            <view class="margin-top text-center text-xl text-bold text-gray ">模仿案例，增加了js动态</view>
            <my-demo02></my-demo02>
         </view>
         <view>
            <view class="margin-top text-center text-xl text-bold text-gray ">模仿案例，变形案例1, 实现方式1</view>
            <my-demo03></my-demo03>
         </view>
         <view>
            <view class="margin-top text-center text-xl text-bold text-gray ">模仿案例，变形案例1, 实现方式2</view>
            <my-demo04></my-demo04>
         </view>
    </view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import ColorDemo from '@/tn_components/towerSwiper/colorDemo.vue'
import MyDemo01 from '@/tn_components/towerSwiper/myDemo01.vue'
import MyDemo02 from '@/tn_components/towerSwiper/myDemo02.vue'
import MyDemo03 from '@/tn_components/towerSwiper/myDemo03.vue'
import MyDemo04 from '@/tn_components/towerSwiper/myDemo04.vue'


</script>
